﻿@charset "utf-8";

/*1200+ 内容宽度：1190px  页面内容居中  匹配默认样式 */

/* 通用满屏标题 */
.module-title {
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 1px solid #D3D3D3;
    position: relative;	
}

.module-title span.title {
    display: inline-block;
    font-size: 18px;
    color: #0075C2;
font-weight:bold;
    padding: 7px 15px;
    position: relative;
    z-index: 999;
    background-color: #FFF;
}
.module-title span.title a{
    color: #0075C2;
}
.module-title .more{
    padding-right:20px;
    position: absolute;
    right: 0px;
    top:15px;
    background: url('../images/more.png') right center no-repeat;
}
.module-title .more:hover{
     background: url('../images/more_on.png') right center no-repeat;
     color: #236CE3;
}
.module-title span.title:after{
    content: '';
    display: inline-block;
    width: 5px ;
    height:16px;
    background-color: #0075C2;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.mainbar { width: 777px; float: left; }
.sidebar { width: 370px; float: right; }

/* 学校动态 */
.xxdt {
    width: 784px;
    float: left; 
}
.xxdt-title {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
    border-bottom: 1px solid #D3D3D3;
}
.xxdt-title span.title {
    display: inline-block;
    font-size: 18px;
    color: #0075C2;
font-weight:bold;
    padding: 7px 15px;
    position: relative;
    z-index: 999;
    background-color: #FFF;
}
.xxdt-title .more{
    padding-right:20px;
    position: absolute;
    right: 0px;
    top:15px;
    background: url('../images/more.png') right center no-repeat;
}
.xxdt-title .more:hover{
     background: url('../images/more_on.png') right center no-repeat;
     color: #236CE3;
}
.xxdt-title span.title:after{
    content: '';
    display: inline-block;
    width: 5px ;
    height:16px;
    background-color: #0075C2;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}


/* 幻灯片 */
.area_focus{
    width: 369px;
    float: left;
    margin-right: 15px;
    height: 268px;
    padding: 3px; 
    border: 1px solid #c8e4ef;
    overflow: hidden; 
}

.topicList{}
.topicList li{line-height:26px;}
.topicList li.n a { display:inline-block;}
.topicList li img { vertical-align:middle;}
.topicList li span { display:block;}
.topicList li .date{float:right; color:#999; margin-right:5px;}
.topicList li.t{ min-height:102px; _height:38px; padding-bottom:10px;}
.topicList li.t .pic{width:auto; margin-right:10px;}
.topicList li.t .pic a{display:block; padding:2px; border:1px solid #d9d9d9;}
.topicList li.t .pic a img{width:127px; height:94px;}
.topicList li.t .title{font-weight:bold; line-height:24px;}
.topicList li.t .title a{color:#333;}
.topicList li.t .title a font { font-size:12px;}
.topicList li.t .intro{line-height:18px; color:#666; font-size:12px;}
.topicList li.t .more{float:none; color:#de2203;}

/* 新闻推荐 */
#headNews { width:397px; float:left; }
#headNews .bd { padding:5px 0;} 
#headNews .topicList li.t { border:0; min-height:0; font-size:16px; padding:5px 0; line-height:30px; text-align:center; margin-bottom:4px}
#headNews .topicList li.t .intro { line-height:24px; padding:6px 0 13px; border-bottom:1px dotted #666; text-align:left; text-indent:2em;font-size:14px;}
#headNews .topicList li .title { font-weight:bold; font-family: "微软雅黑", "宋体";}
#headNews .topicList li .title a, #headNews .topicList li .title a font { font-size:18px; color:#337ae2;}
#headNews .topicList li.n { line-height:26px; background:url(../images/liteicon.gif) no-repeat 0 11px; padding-left:9px;}
#headNews .topicList li.n a { font-size:14px; }
/* 专题专栏 */
.ztzl-list{
    width: 370px;
    float: right;
}
.ztzl-list .topicList li.t { border:0; min-height:0; font-size:16px; padding:5px 0; line-height:30px; text-align:center; margin-bottom:4px}
.ztzl-list .topicList li.t .intro { line-height:24px; padding:6px 0 13px; border-bottom:1px dotted #666; text-align:left; text-indent:2em;font-size:14px;}
.ztzl-list .topicList li .title { font-weight:bold; font-family: "微软雅黑", "宋体";}
.ztzl-list .topicList li .title a, .ztzl-list .topicList li .title a font { font-size:18px; color:#337ae2;}
.ztzl-list .topicList li.n { line-height:26px; background:url(../images/liteicon.gif) no-repeat 0 11px; padding-left:9px;}
.ztzl-list .topicList li.n a { font-size:14px; }
.ztzl-list .ztzl-box a{
    display: inline-block;
    margin-bottom: 9px;
}
.ztzl-list .ztzl-box a img{
    width: 370px;
    height: 80px;
}
.ztzl-list .ztzl-box a.last-child{
    margin-bottom: 0;
}
/* 宣传图片 */
.system{
    float: left;
    margin:20px 0;
    width: 100%;
}
.system a{
    display: inline-block;
    width: 1180px;
    height: 100px;
}
.system a.last-child{
    float: right;
}
.system a img{
     width: 1180px;
    height: 100px;
}

/* 通知通告 */
.tztg{
    width: 370px;
    float: left;
}
.tztg .module-title span.title{
    padding-top: 0;
}
.tztg .module-title a.more{
    top: 5px;
}
.tztg .module-title span.title:after{
    margin-top: -12px;
}
.tztg-box a{
    display: inline-block;
   padding-bottom: 9px;
    border-bottom: 1px dashed #D3D3D3;
    margin-bottom: 7px;
}
.tztg-box a .img-box{
    width:140px;
    height: 84px;
    float: left;
}
.tztg-box a .img-box img{
    width: 100%;
    height: 100%;
}
.tztg-box a .tztg-main{
    width: 217px;
    float: right;
    margin-left: 12px;
}
.tztg-box a .tztg-main .img-title{
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
}
.tztg-box a .tztg-main .img-info{
    color: #666;
    font-size: 12px;
}
.tztg-box a:hover .tztg-main .img-title{
    color: #0075C2;
}
.tztg .topicList li.n { line-height:28px; background:url(../images/liteicon.gif) no-repeat 0 11px; padding-left:9px;}
.tztg .topicList li.n a { font-size:14px; }
/* 校风校貌 */
.xxfg {
    width:100%;
    float: left;
    height: 241px;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.xxfg-img-list{
    width: 100%;
    /* height: 190px; */
    overflow: hidden;
}
.xxfg-img-list a {
    display: inline-block;
    width:300px;
    height: 190px;
    background: #FFF;
    float: left;
    border-right: 10px solid #FFF;
    border-left: 10px solid #FFF;
}

.xxfg-img-list a .img-box img {
    width: 100%;
    height: 155px;
    opacity: 0.9;
    filter:alpha(opacity=90)
}

.xxfg-img-list a .img-title {
    display: block;
    width: 100%;
    line-height: 33px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F0F0F0;
    border-bottom: 2px solid #F0F0F0;
    transition: all .5s ease;
}
.xxfg-img-list a:hover .img-title{
    border-bottom: 2px solid #0072D4;
    color: #0072D4;
}
.xxfg-img-list a:hover .img-box img{
    opacity: 1;
    filter:alpha(opacity=100);
}


.xxfg-img-list2{
    width: 100%;
    overflow: hidden;
}
.xxfg-img-list2 a {
    display: inline-block;
    width:300px;
    height: 80px;
    background: #FFF;
    float: left;
    border-right: 10px solid #FFF;
    border-left: 10px solid #FFF;
}

.xxfg-img-list2 a .img-box img {
    width: 100%;
    height: 70px;
    opacity: 0.9;
    filter:alpha(opacity=90)
}

.xxfg-img-list2 a .img-title {
    display: block;
    width: 100%;
    line-height: 33px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F0F0F0;
    border-bottom: 2px solid #F0F0F0;
    transition: all .5s ease;
}
.xxfg-img-list2 a:hover .img-title{
    border-bottom: 2px solid #0072D4;
    color: #0072D4;
}
.xxfg-img-list2 a:hover .img-box img{
    opacity: 1;
    filter:alpha(opacity=100);
}
/* 技能大赛 */
.jxjy{
      float:left;
      width: 100%  
}

/* 友情链接 */
.link-list2{
    float:right;
    width: 1050px;
    background-color: #F0F0F0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.link-list{
    float:left;
    width: 100%;
    background-color: #F0F0F0;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.link-list .title{
    display: inline-block;
    height: 100%;
    background-color:#0075C2;
    position: relative;
    font-size: 18px;
    color: #FFF;
    padding:0px 10px 0px 30px;
}
.link-list .title:after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 5px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2.5px;
}
.link-list a{
    display: inline-block;
    height: 100%;
    padding: 0 20px;
    color: #666666;
    font-size: 14px;
}
.link-list a:hover{
    color: #0075C2;
}

/* 右侧图标 */
.slider-icon-right{
    width: 174px;
    height: 218px;
    position: absolute;
    right:20px;
    top: 480px;
    z-index: 9999;
}
.slider-icon-right a{
    display: inline-block;
    width: 100%;
    height: 100%;
    /* background:url('../images/online_icon.png') center no-repeat; */
    /* position: absolute; */

}
.slider-icon-right span{
    display: inline-block;
    width: 24px;
    height: 24px;
    background:url('../images/close_icon.png') center no-repeat;
    position: absolute;
    right: -10px;
    top: -10px;
}
.slider-icon-left{
    width: 174px;
    height: 218px;
    position: absolute;
    left:20px;
    top: 480px;
    z-index: 9999;
    text-align: center;
}
.slider-icon-left a{
    display: inline-block;
     width: 174px;
    height: 218px;
}
.slider-icon-left a img{
    width: 100%;
    height: 100%;
}
.slider-icon-left span{
    display: inline-block;
    width: 24px;
    height: 24px;
    background:url('../images/close_icon.png') center no-repeat;
   margin-top: 10px;
}
